<template>
<div class="dlqwarning">
    <div class="item" @click="menuAction(2)">同行密接(接触)报警</div>
    <div class="item" @click="menuAction(4)">提前解除隔离预警</div>
    <div class="item" @click="menuAction(3)">延迟提报数据报警</div>
</div>
</template>

<script>

export default {

  name: 'dlqwarning',

  data () {
    return {

    }
  },

  props: {

  },

  components: {

  },

  computed: {

  },

  methods: {
    async init () {

    },

    menuAction (val) {
      console.log(val)
      let name = ''
      switch (val) {
        case 1:
          name = 'disagreeGoOut'
          break
        case 2:
          name = 'comparison'
          break
        case 3:
          name = 'submission'
          break
        case 4:
          name = 'removeIsolation'
          break
      }
      this.$router.push({ name })
    }
  },

  watch: {

  },

  mounted () {
    this.init()
  }

}
</script>

<style scoped>
.item {
    width: 100%;
    padding: 10px;
    background-color: red;
    color: white;
    font-size: 16px;
    text-align: center;
    margin-bottom: 10px;
}
</style>
